<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>AiHome</title>  
    <style>  
        html, body {  
            margin: 0;  
            padding: 0;  
            height: 100%;  
            overflow: hidden; /* 隐藏任何溢出的内容 */  
        }  
.container{
			width: 100%;
			height: 100%;
		} 
        video {  
            position: absolute; /* 定位到页面左上角 */  
            top: 0;  
            left: 0;  
            width: 100%; /* 宽度为容器宽度的 100% */  
            height: 100%; /* 高度为容器高度的 100% */  
            object-fit: cover; /* 保持视频的宽高比，同时填充整个容器 */  
        } 

        /* 如果需要，可以在这里添加隐藏控制条的样式 */  
        video::-internal-media-controls {  
            display: none !important;  
        }  
        video::-webkit-media-controls {  
            display: none !important;  
        } 

#torch {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}

	
    </style>  

</head>  
<body>  
    <video id="myVideo" width="1024" height="768" autoplay loop muted playsinline>  
        <source id="wallpaper" src="../example.mp4" type="video/mp4">
        Your browser does not support the video tag.  
    </video>
    <script>
        function changePapper(filename){
            document.getElementById('wallpaper').src=filename;
            document.getElementById('myVideo').load();
            document.getElementById('myVideo').play();
        }
    </script>

	  
   <script type="text/javascript" src="js/mymouse.js" id="mymouse"></script>

</body>  
</html>